*{
    margin: 0;
    padding: 0;
}

html , body{
    height: 100%;
    /* 这两个元素通常由内容高度自适应高度，因此布局首先需要解决这俩元素的高度问题 */
}

#div1{
    width: 50%;
    height: 50%;
    background-color: aqua;
    margin: 0 auto;
}

#div2{
    width: 50%;
    height: 50%;
    background-color: rgb(38, 255, 0);
    float: left;
}


#div3{
    width: 50%;
    height: 50%;
    background-color: rgb(255, 119, 0);
    float: left;
}